直線ラジアル軸

線形スケールは、数値データをグラフ化するために使用されます。名前が示すように、線形補間は、軸の中心に対して値がどこにあるかを決定するために使用されます。

ラジアル リニア スケールでは、次の追加構成オプションが提供されます。

構成オプション

軸には、ティック、角度線 (レーダー チャートの中心から外側に表示される線)、pointLabels (レーダー チャートのエッジの周囲のラベル) の構成プロパティがあります。次のセクションでは、それらのセクションの各プロパティを定義します。

チェックオプション

リニアスケールでは次のオプションが提供されます。それらはすべて次の場所にあります。ticksサブオプション。の一般的なティック設定オプションはこの軸でサポートされています。

軸範囲の設定

軸範囲設定の数を考慮すると、それらすべてがどのように相互作用するかを理解することが重要です。

のsuggestedMaxとsuggestedMin設定は、軸のスケールに使用されるデータ値のみを変更します。これらは、自動フィット動作を維持しながら軸の範囲を拡張するのに役立ちます。

let minDataValue = Math.min(mostNegativeValue, options.ticks.suggestedMin);
let maxDataValue = Math.max(mostPositiveValue, options.ticks.suggestedMax);

この例では、正の最大値は 50 ですが、データの最大値は 100 まで拡張されます。ただし、最小データ値は 100 を下回っているため、suggestedMin設定しても無視されます。

let chart = new Chart(ctx, {
    type: 'radar',
    data: {
        datasets: [{
            label: 'First dataset',
            data: [0, 20, 40, 50]
        }],
        labels: ['January', 'February', 'March', 'April']
    },
    options: {
        scale: {
            ticks: {
                suggestedMin: 50,
                suggestedMax: 100
            }
        }
    }
});

とは対照的に、suggested*設定、minとmax設定により、軸に明示的な終端が設定されます。これらを設定すると、一部のデータ ポイントが表示されなくなる場合があります。

刻み幅

設定されている場合、スケール ティックは次の倍数で列挙されます。stepSize、増分ごとに 1 ティックになります。設定されていない場合、ティックには Nice Number アルゴリズムを使用して自動的にラベルが付けられます。

この例では、目盛りを作成する y 軸を持つグラフを設定します。0, 0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 4.5, 5。

let options = {
    scale: {
        ticks: {
            max: 5,
            min: 0,
            stepSize: 0.5
        }
    }
};

角度線のオプション

次のオプションは、チャートの中心からポイント ラベルまで放射状に伸びる斜めの線を構成するために使用されます。それらは次の場所にあります。angleLinesサブオプション。

ポイントラベルのオプション

次のオプションは、スケールの周囲に表示されるポイント ラベルを構成するために使用されます。それらは次の場所にあります。pointLabelsサブオプション。